@import '~antd/lib/style/themes/default.less';
@import '../../utils/utils.less';

.mapRow {
  height: 100%;
}
.mapCol {
  height: 100%;
  margin-bottom: 24;
}
.mapChart {
  margin-top: 10px;
  height: ~'calc(100% - 30px)';
  padding-bottom: 10px;
  text-align: center;
  img {
    display: inline-block;
    max-width: 100%;
    max-height: 567px;
  }
}
.searchRow{
  margin-top:10px;
  margin-bottom: 10px;
}
.icon {
  font-size: 24px;
  margin-right: 5px;
  color:'#0088cc';
  
}
.totalText{
  font-size: 24px;
  color:red;
}
.onLineText{
  font-size: 24px;
  color:blue;
}
.carText{
  font-size: 24px;
  color:green;
}
.proText{
  font-size: 24px;
  color:orange;
}
.playText{
  font-size: 24px;
  color:gray;
}
.totalText{
  font-size: 24px;
  color:red;
}
.card {
  height: 100%;
  :global {
    .ant-card-body {
      height: ~'calc(100% - 64px)';
      padding: 14px;
    }
  }
}
.cardbody {
  height: 100%;
}
.Appicon {
  width: 30px;
  height: 30px;
}

.Appiconoff {
  width: 30px;
  height: 30px;
  color: #87cefa;
}

.pieCard :global(.pie-stat) {
  font-size: 24px !important;
}

@media screen and (max-width: @screen-lg) {
  .mapChart {
    height: auto;
  }
}
